<!--  -->
<template>
    <!-- 尾部版权区域 -->
    <div class="Foot" :style="{paddingTop: PTop1}">
        <div class="FootContain" :style="{paddingTop: PTop2,marginTop: FHeight}">
            <div class="FootTop">
                <div>百强企业 品质保证</div>
                <div>7天退货 15天换货</div>
                <div>48元起免运费</div>
                <div>官方售后 全国联保</div>
            </div>
            <div class="FootBot">
                <div class="left-0">
                    <img src="../../../assets/images/LOGO_FF14.png" alt="">
                </div>
                <div class="right-0">
                    <span>华为集团|消费者业务网站|华为应用市场|HarmonyOS|华为终端云空间|开发者联盟|华为商城手机版</span>
                    <span>隐私声明|服务协议|COOKIES|Copyright|© 2012-2024|华为终端有限公司|版权所有 | 经营资质 | 粤ICP备19015064号|粤公网安备
                        44190002003939号</span>
                    <span>增值电信业务经营许可证：粤B2-20190762|备案主体编号：44201919072182|粤新出网备（2021）2号|（粤）网械平台备字[2022]第00005号</span>
                    <span>互联网药品信息服务资格证（粤）-非经营性-2020-0102 | 广东省网络食品交易第三方平台备案：GDWS10168 | APP备案号:
                        粤ICP备19015064号-39A号</span>
                    <span>网信算备441901536982702230011号 | 网信算备441901536982704230013号</span>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    components: {},
    props: {
        'FHeight': {
            type: String,
            default: '0px'
        },
        'PTop1': {
            type: String,
            default: '50px'
        },
        'PTop2': {
            type: String,
            default: '20px'
        }
    },
    data() {
        return {

        };
    },
    computed: {},
    watch: {},
    methods: {

    },
    created() {

    },
    mounted() {

    },
}
</script>
<style lang='scss' scoped>
.Foot {
    width: 100%;
    height: 300px;
    background-color: #f1f3f5;
    position: relative;
    z-index: 99;
    .FootContain {
        width: 100%;
        height: 100%;
        background-color: #fff;
        .FootTop {
            width: 100%;
            height: 60px;
            display: flex;
            align-items: center;
            font-size: 20px;
            font-weight: 800;
            justify-content: space-evenly;
        }

        .FootBot {
            width: 80%;
            height: 240px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 15% 85%;

            .left-0 {
                width: 100%;
                height: 100%;
                position: relative;

                img {
                    width: 197px;
                    height: 145px;
                    position: absolute;
                    top: 10px;
                    left: -10px;
                }
            }

            .right-0 {
                padding-top: 20px;
                width: 100%;
                height: 100%;
                font-size: 14px;
                display: flex;
                flex-direction: column;
                gap: 5px;
                color: #9999a9;
            }
        }
    }
}
</style>
